<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <a href="#">WMS</a>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <a href="#">Outbound</a>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <a ui-sref="#">Small Parcel Shipment</a>
        </li>
    </ul>
</div>

<div class="portlet light bordered order-list-container" style="margin: 15px;">
    <div class="portlet-title">
        <div class="caption">
            <span class="caption-subject bold"> Small Parcel Shipment List </span>
        </div>

    </div>
    <div class="portlet-body form form-horizontal">
        <form name="editForm" class="form-horizontal">
            <div class="form-group">

                <div class="col-md-3">
                    <label>Order ID:</label>
                    <lt-tags-input ng-model="smallParcelShipment.orderIds" placeholder="Enter Order ID" fill="DN-" ng-keyup="keyUpSearch($event)"></lt-tags-input>
                </div>
                <div class="col-md-3">
                    <label>Item:</label>
                    <input-validation-message field="itemSpec" form="editForm"></input-validation-message>
                    <itemspec-auto-complete name="itemSpec" ng-model="smallParcelShipment.itemSpecId" name="itemSpec"
                                            on-select="itemSpecIdOnSelect(itemSpec.id)" allow-clear="true"/>
                </div>
                <div class="col-md-3">
                    <label>Tracking No</label>
                    <lt-tags-input ng-model="smallParcelShipment.trackingNos" placeholder="Enter Tracking No"  ng-keyup="keyUpSearch($event)"></lt-tags-input>

                </div>


            <div class="form-group form-actions right" style="padding: 0px; margin-top: 22px">
                <waitting-btn type="button" btn-class="btn blue" ng-click="searchSmallParcelShipment()" value="'Search'"  style="" is-loading="loading"></waitting-btn>
            </div>
        </form>
        <div class="table-scrollable">
            <table class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th ng-repeat="col in colDefs track by $index"  class="{{getSortClass($index)}}" ng-click="sortClick($index)">
                            {{col.headerName}}
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in smallParcelShipments">

                            <!-- <a ng-href="{{'#/wms/outbound/shipment-ticket/' + item.id}}" target="_blank">{{item.id}}</a>--></td>
                        <td>{{item.carrierName}}</td>
                        <td>{{item.shipmentInfoId}}</td>
                        <td>{{item.lookupId}}</td>
                        <td>{{item.printer}}</td>
                        <td>{{item.hlpId}}</td>
                        <td>{{item.trackingNo}}</td>
                        <td>{{item.createdBy}}</td>
                        <td>{{item.updatedBy}}</td>
                        <td>{{item.createdWhen| amDateFormat:'YYYY-MM-DD HH:mm:ss'}}</td>
                        <td>{{item.updatedWhen| amDateFormat:'YYYY-MM-DD HH:mm:ss'}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <pager total-count="paging.totalCount" current-page ="paging.pageNo" page-size="paging.limit" load-content="loadContent(currentPage)"></pager>
    </div>
</div>